@charset "utf-8";
html{-webkit-font-smoothing:antialiased;height: 100%;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
table,th,td{border: 1px solid black;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400;}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none;outline: none;font-family: Arial,Microsoft YaHei;}
img{vertical-align:middle;max-width: 100%;height: auto;}
button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;blr:expression(this.onFocus=this.blur())}
button{-webkit-appearance:none;}

#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.eps2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(min-width: 1921px){
    html{font-size: 100px}
}
@media(max-width: 1920px) and (min-width: 901px){
    html{font-size: calc(100vw / 1920 * 100);}
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1920 * 100);}
}

body{font-size: 14px;color: #000;font-family: Arial,"Microsoft YaHei";background-color: #fff;}
body *{box-sizing: border-box;line-height: 1;}
body{padding-top: 100px;}
@media(max-width: 1200px) {
    body{padding-top: 50px;}
}
 
/* 数字滚动 */
.inrow{font-size:0;}
.inrow>li,
.inrow span{display:inline-block;letter-spacing:normal;word-spacing:normal; }
.dataNums{text-align:center;}
.dataNums .dataOne{ width: 20px; height: 28px;text-align: center;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%;overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dataNums .tt span{width:100%;height:100%;font-size: calc(12px - 0.12rem + 0.36rem);line-height: 28px;color: #00644a;}

/* 入场动画 */
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0);}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out 0.2s,transform 0.7s ease-out 0.2s;}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0);}
.delay2{transition-delay: 0.2s;}
.delay4{transition-delay: 0.4s;}
.delay6{transition-delay: 0.6s;}
.delay8{transition-delay: 0.8s;}
.delay10{transition-delay: 1s;}
.delay14{transition-delay: 1.4s;}